{extend name="common/base" /}


{block name="body"}
<div>
    <div class="layui-card">
        <div class="layui-card-header">
            <i class="fa fa-warning icon"></i>今日关键指标/昨日关键指标
        </div>
        <div class="layui-card-body">
            <div class="welcome-module">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-xs3">
                        <div class="panel layui-bg-number">
                            <div class="panel-body">
                                <div class="panel-title">
                                    <h5>新关注</h5>
                                </div>
                                <div class="panel-content">
                                    <h1 class="no-margins">
                                        <span class="today">{$statics['subscribe']['today']}</span>/{$statics['subscribe']['yesterday']}
                                    </h1>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs3">
                        <div class="panel layui-bg-number">
                            <div class="panel-body">
                                <div class="panel-title">
                                    <h5>取消关注</h5>
                                </div>
                                <div class="panel-content">
                                    <h1 class="no-margins">
                                        <span class="today">{$statics['unsubscribe']['today']}</span>/{$statics['unsubscribe']['yesterday']}
                                    </h1>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs3">
                        <div class="panel layui-bg-number">
                            <div class="panel-body">
                                <div class="panel-title">
                                    <h5>净增关注</h5>
                                </div>
                                <div class="panel-content">
                                    <h1 class="no-margins">
                                        <span class="today">{$statics['subscribe']['today'] - $statics['unsubscribe']['today']}</span>/
                                        {$statics['subscribe']['yesterday'] - $statics['unsubscribe']['yesterday']}
                                    </h1>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs3">
                        <div class="panel layui-bg-number">
                            <div class="panel-body">
                                <div class="panel-title">
                                    <h5>累计关注</h5>
                                </div>
                                <div class="panel-content">
                                    <h1 class="no-margins">
                                        <span class="today">{$statics['subscribe']['total']}</span>/{$statics['subscribe']['beforetoday']}
                                    </h1>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{/block}

{block name="js"}


{/block}
{block name="css"}
<style>
    .layui-card-header{background-color: #f4f6f9;}
    .layui-card-body{text-align: center;font-size: 16px;color: #98999a;}
    .layui-card-body .no-margins{font-size: 24px;}
    .layui-card-body .today{font-size: 30px;color: #4c4c4c;}
    .panel-title{margin-bottom: 15px;}
</style>

{/block}